<template>
  <main>
    <img :src="src" alt="banner" class="banner-image">
  </main>
</template>

<script lang="ts">
import { Component, Vue, Prop } from 'nuxt-property-decorator'

@Component({} as any)
export default class Banner extends Vue {
    @Prop({ type: String, default: '' }) src: string;
}
</script>
<style scoped>
.banner-image {
    width: 100%;
    height: 14rem;
    border-radius: 0.5rem;
}
</style>
